<html>
<head>
<title>Testing icon URI scheme in &lt;img&gt; tags</title>
<style>
table {
  width: 500px;
}
td.type {
  width: 25%;
}
td.icon {
  width: 25%;
}
tr.header td {
  font-size: 18px;
}
</style>
</head>
<body>
<table>
  <tr class="header">
    <td class="type">Extension</td>
    <td class="icon">Small</td>
    <td class="icon">Medium</td>
    <td class="icon">Large</td>
  </tr>
  <tr>
    <td class="type">mp3</td>
    <td class="icon"><img src="icon:.mp3;small" /></td>
    <td class="icon"><img src="icon:.mp3;medium" /></td>
    <td class="icon"><img src="icon:.mp3;large" /></td>
  </tr>
  <tr>
    <td class="type">zip</td>
    <td class="icon"><img src="icon:.zip;small" /></td>
    <td class="icon"><img src="icon:.zip;medium" /></td>
    <td class="icon"><img src="icon:.zip;large" /></td>
  </tr>
  <tr>
    <td class="type">mov</td>
    <td class="icon"><img src="icon:.mov;small" /></td>
    <td class="icon"><img src="icon:.mov;medium" /></td>
    <td class="icon"><img src="icon:.mov;large" /></td>
  </tr>
  <tr>
    <td class="type">jpg</td>
    <td class="icon"><img src="icon:.jpg;small" /></td>
    <td class="icon"><img src="icon:.jpg;medium" /></td>
    <td class="icon"><img src="icon:.jpg;large" /></td>
  </tr>
  <tr>
    <td class="type">txt</td>
    <td class="icon"><img src="icon:.txt;small" /></td>
    <td class="icon"><img src="icon:.txt;medium" /></td>
    <td class="icon"><img src="icon:.txt;large" /></td>
  </tr>
  <tr>
    <td class="type">doc</td>
    <td class="icon"><img src="icon:.doc;small" /></td>
    <td class="icon"><img src="icon:.doc;medium" /></td>
    <td class="icon"><img src="icon:.doc;large" /></td>
  </tr>
  <tr>
    <td class="type">exe</td>
    <td class="icon"><img src="icon:.exe;small" /></td>
    <td class="icon"><img src="icon:.exe;medium" /></td>
    <td class="icon"><img src="icon:.exe;large" /></td>
  </tr>
  <tr>
    <td class="type">html</td>
    <td class="icon"><img src="icon:.html;small" /></td>
    <td class="icon"><img src="icon:.html;medium" /></td>
    <td class="icon"><img src="icon:.html;large" /></td>
  </tr>
  <tr>
    <td class="type">pl</td>
    <td class="icon"><img src="icon:.pl;small" /></td>
    <td class="icon"><img src="icon:.pl;medium" /></td>
    <td class="icon"><img src="icon:.pl;large" /></td>
  </tr>
  <tr>
    <td class="type">py</td>
    <td class="icon"><img src="icon:.py;small" /></td>
    <td class="icon"><img src="icon:.py;medium" /></td>
    <td class="icon"><img src="icon:.py;large" /></td>
  </tr>
  <tr>
    <td class="type">cpp</td>
    <td class="icon"><img src="icon:.cpp;small" /></td>
    <td class="icon"><img src="icon:.cpp;medium" /></td>
    <td class="icon"><img src="icon:.cpp;large" /></td>
  </tr>
  <tr>
    <td class="type">ppt</td>
    <td class="icon"><img src="icon:.ppt;small" /></td>
    <td class="icon"><img src="icon:.ppt;medium" /></td>
    <td class="icon"><img src="icon:.ppt;large" /></td>
  </tr>
  <tr>
    <td class="type">xls</td>
    <td class="icon"><img src="icon:.xls;small" /></td>
    <td class="icon"><img src="icon:.xls;medium" /></td>
    <td class="icon"><img src="icon:.xls;large" /></td>
  </tr>
</table>
</body>
</html>
